<template>
  <div class="flex items-center bg-[var(--base-home-time-color)] py-[2px] px-[8px] rounded-[4px] pointer hover:bg-[var(--base-small-color)]">
    <SvgIcon :icon-class="icon" v-if="icon" class="mr-[4px] text-[var(--base-text-color)]" />
    <div>{{ text }}</div>
  </div>
</template>

<script setup>
import SvgIcon from "@/components/SvgIcon/index.vue"
const props = defineProps({
  icon: {
    type: String,
    default: "",
  },
  text: {
    type: String,
    default: "",
  },
})
</script>
